<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/promiseAjax.js"></script>
    <script src="./js/cookie.js"></script>
</head>
<body>
    <div class="top">
        <div class="enlarge">
            
        </div>
        <div class="goods"></div>
        <button class="addcart">加入购物车</button>
        <button class="buycart">购物车结算</button>
    </div>
    <div class="bottom">
        
    </div>
</body>
<script>
//从地址栏拿id
var reg=/id=([^&]+)/
//.search获取整串  match提取 得到一个数组
var arr=location.search.match(reg)
console.log(arr)
if(arr && arr[1]){
    var id=arr[1]
}


//渲染页面
var enlarge=document.querySelector('.enlarge')
var goods=document.querySelector('.goods')
var bottom=document.querySelector('.bottom')
request({
    //前端传地址加上id
    url:'/api/goods/goodsDetail/'+id
}).then(res=>{
    console.log(res)
    //开始渲染
    enlarge.innerHTML='<img src="'+ res.data.data.img_big_logo  +'"/>'
    goods.innerHTML=`
    <p>${res.data.data.title}</p>
    <p>${res.data.data.price}</p>
    `
    bottom.innerHTML=res.data.data.goods_introduce

    //这里开始写购物车功能  写成函数
    cart()
})
//写在外面
function cart(){
    document.querySelector('.addcart').onclick=function(){
        //看看他有没有登录  用cookie看有没有登录
        var username=getCookie('username')
        //如果cookie不存在就是没登陆 让他登录
        if(!username){
            alert('请登录') //跳转登录
            //存储当前地址在本地 然后在login那边判断 如果有这玩意就调过来
            localStorage.setItem('url',location.href)
            location.href='/login.html'
            return false
        }
        //能走下来就是成功
        request({
            url:'/api/cart/addcart',
            method:'post',
            data:{
                goodsid:id,
                goodsnumber:1,
                //获取cookie里的userid
                userid:getCookie('userid')
            }
        }).then(res=>{
            console.log(res)
            var{error_code,msg}=res
            alert(msg)
        })
    }
    document.querySelector('.buycart').onclick=function(){
        var username=getCookie('username')
        if(!username){
            alert('请登录') //跳转登录
            //存储当前地址在本地 然后在login那边判断 如果有这玩意就调过来
            localStorage.setItem('url',location.href)
            location.href='/login.html'
            return false
        }
        //走下来成功就给他跳转到
        location.href='/cart.html'
    }
}


</script>
</html>